<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt"  prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Attendance Search Form</title>

 
 <link rel="stylesheet" href="css/jquery/theme/jquery-ui-1.9.1.custom.css"/>
 	<link rel="stylesheet" href="css/college.css"/> 
 <script src="js/jquery/jquery-1.8.2.js"></script>
 <script src="js/jquery/jquery-ui-1.9.1.custom.js"></script>
	<style>
		div.ui-datepicker{
			font-size:12px;
		}
	</style>
</head>

<body>
<div  id="options" align="right">
			<a href="attendancehome.htm"  id="back"> Back </a> 
			<a href="iservicehome.htm" id="home">Home</a> 
			<a href="j_spring_security_logout" id="logout">Logout</a> 
</div>
<h2 align="center" style="margin-top: 5px;"> Attendance Search Form</h2>
<form:form id="form1" name="form1" method="post" action="searchattendance.htm" >
  <table  align="center" cellpadding="5">
    <tr>
      <td  align="right">Date:</td>
      <td ><label>
        <input type="text" name="date" id="date" readonly="readonly"/>
      </label></td>
    </tr>
    <tr>
      <td align="right">Hour:</td>
      <td><select name="hour" id="hour"  >
        <option value="1">I</option>
        <option value="2">II</option>
        <option value="3">III</option>
        <option value="4">IV</option>
        <option value="5">V</option>
        <option value="6">VI</option>
        <option value="7">VII</option>
      </select></td>
    </tr>

			<tr>
				<td align="right">Branch</td>
				<td><select name="branch">
						<option value="All">All</option>
						<c:forEach items="${branchList}" var="branch">
							<option value="${branch.code}">${branch.code}</option>
						</c:forEach>

				</select></td>
			</tr>
			<tr>
		      <td  align="right">Select Year:</td>
		      <td >
		      	 <select name="year" size="1" id="year">
		      		 <option value="All">-All-</option>
		    		 <option value="1">I Year</option>
		   			 <option value="2">II Year</option>
		   			 <option value="3">III Year</option>
		   			 <option value="4">IV Year</option>
		   		</select>
		      </td>
	</tr>
    <tr>
		      <td  align="right">Select Section:</td>
		      <td >
		      	 <select name="section" size="1" id="section">
		    		 <option value="All">All</option>
		   			 <option value="A">A</option>
		   			 <option value="B">B</option>
		   			 
		   		</select>
		      </td>
		      </tr>
   
  </table>
  <p></p>
  <div align="center">
			
			<input type="submit" value="Search Attendance"  />

		</div>
</form:form>

<script type="text/javascript">
	$(function() {
		
		$("#date").datepicker({ dateFormat: "dd-mm-yy","showAnim":"slide" });
	});
	
</script>
<script src="js/college.js"></script>

</body>
</html>
